<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="../../css/course-list/course-list.css">
    <link rel="stylesheet" href="../../plugins/layui/css/layui.css">
    <link rel="stylesheet" href="../../css/plan-detail/plan-detail.css">
    <link rel="stylesheet" href="../../css/nav/nav.css">
    <title>课程列表</title>
    <style>
        .daohang {
            margin: 10px 0px 0px 260px;
        }
    </style>
</head>

<body>

    <!-- 响应式导航 begin -->
    <div class="o-header">
        <div class="o-header-inner">
            <div class="layui-header header header-index">
                <a class="logo" href="../../index.html">
                    KeepMoving
                </a>

                <ul class="layui-nav layui-layout-right">
                    <li class="layui-nav-item"><a href="../../index.html">首页</a></li>
                    <li class="layui-nav-item layui-this">
                        <a href="../plan/plan-index.html">训练计划</a>
                    </li>
                    <li class="layui-nav-item">
                        <a href="../action/fit-action.html">健身动作</a>
                    </li>
                    <li class="layui-nav-item"><a href="../food/food.html">饮食健康</a></li>
                    <li class="layui-nav-item ">
                        <a href="../user/login.html">登录</a>
                    </li>
                    <li class="layui-nav-item ">
                        <a href="../user/register.html">注册</a>
                    </li>
                    <li class="layui-nav-item">
                        <a href="javascript:;"><img src="../../imgs/person-center/girl.jpg" class="layui-nav-img">我</a>
                        <dl class="layui-nav-child">
                            <dd><a href="../person/person-center.html">个人中心</a></dd>
                            <dd><a href="../person/person-info-profile.html">账号设置</a></dd>
                            <dd><a href="">退出账号</a></dd>
                        </dl>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <!-- 响应式导航 end -->


    <!-- 最外层 -->

    <!-- 头部背景图 -->
    <div class="plan-detail-title">
        <div class="plan-title">
            <h2>六周极速脱脂计划</h2>
            <div class="plan-introduction">
                <span>准备好燃脂，增肌，增加力量，并在6周内彻头彻尾的达到低体脂。准备好实现最佳身材吧。准备好极速脱脂计划吧！</span>
            </div>
        </div>
    </div>
    <!--面包屑导航开始-->
    <div class="daohang">
        <span class="layui-breadcrumb">
            <a href="../plan/plan-index.html">训练计划</a>
            <a href="../plan/plan-detail.html">计划日历</a>
            <a><cite>每日课程列表</cite></a>
        </span>
    </div>
    <!-- 面包屑导航结束 -->
    <div class="km">
        <!-- 中间列表 -->
        <div class="list">
            <!-- 中间 第一列简介 -->
            <div class="list-core">
                <div class="core-top">
                    <span>第n天</span>
                    <span>胸部训练....</span>
                    <button class="core-btn"><a href="plan-detail.html" style="color:white">课程首页</a></button>

                </div>
                <hr class="hr">

                <p class="core-p">
                    捷径撕裂者练习以一记当头棒喝作为开端。没有一天是所谓“轻松的”。也不存在个别指导。今天是练习的第一天，你需要进行现有的高强度的胸部、肱三头肌和腹肌的练习。你将完成每组9至11次的多关节练习。这将会锻炼到胸部的全部共三个区域，完全暴虐你的肱三头肌，并且给予你的腹肌所一直寻求的挑战。最重要的是，在每个练习的中间，你将要进行有氧加速。让我们尽情撕裂吧！
                </p>
            </div>
            <!-- 列表 循环的地方 li-->
            <ul class="group-list">
                <li>
                    <div class="core">
                        <div class="core-core">
                            <div class="intro">
                                <span class="sort">1</span>
                            </div>
                            <ul class="action-list">
                                <li>
                                    <div class="list-item">
                                        <h3>
                                            <a href="../plan/course-detail.html">抬膝踏步</a>
                                        </h3>
                                        <p>2-3分钟有氧运动</p>
                                        <div class="img-core">
                                            <img src="../../imgs/course-list/do-list.jpg" alt="">
                                        </div>
                                    </div>
                                </li>
                            </ul>


                        </div>

                    </div>
                </li>
                <li>
                    <div class="core">
                        <div class="core-core">
                            <div class="intro">
                                <span class="sort">1</span>
                            </div>
                            <ul class="action-list">
                                <li>
                                    <div class="list-item">
                                        <h3>
                                            <a href="../plan/course-detail.html">抬膝踏步</a>
                                        </h3>
                                        <p>2-3分钟有氧运动</p>
                                        <div class="img-core">
                                            <img src="../../imgs/course-list/do-list.jpg" alt="">
                                        </div>
                                    </div>
                                </li>
                            </ul>


                        </div>

                    </div>

                </li>
                <li>
                    <div class="core">
                        <div class="core-core">
                            <div class="intro">
                                <span class="sort">1</span>
                            </div>
                            <ul class="action-list">
                                <li>
                                    <div class="list-item">
                                        <h3>
                                            <a href="../plan/course-detail.html">抬膝踏步</a>
                                        </h3>
                                        <p>2-3分钟有氧运动</p>
                                        <div class="img-core">
                                            <img src="../../imgs/course-list/do-list.jpg" alt="">
                                        </div>
                                    </div>
                                </li>
                            </ul>


                        </div>

                    </div>

                </li>
                <li>
                    <div class="core">
                        <div class="core-core">
                            <div class="intro">
                                <span class="sort">1</span>
                            </div>
                            <ul class="action-list">
                                <li>
                                    <div class="list-item">
                                        <h3>
                                            <a href="../plan/course-detail.html">抬膝踏步</a>
                                        </h3>
                                        <p>2-3分钟有氧运动</p>
                                        <div class="img-core">
                                            <img src="../../imgs/course-list/do-list.jpg" alt="">
                                        </div>
                                    </div>
                                </li>
                            </ul>


                        </div>

                    </div>

                </li>
            </ul>
            <!-- 列表end -->

        
        </div>

        <div class="LAY_preview">
            <fieldset class="layui-elem-field layui-field-title" style="margin-top: 30px;">
                <legend>你想要的,我们都有!</legend>
            </fieldset>
            <ul class="site-doc-icon site-doc-anim">

                <li>
                    <div class="out">
                        <div class="layui-anim">
                            <a href="">
                                <img src="../../imgs/course-list/1.jpg" alt="">
                            </a>
                        </div>
                    </div>
                </li>
                <li>
                    <div class="out">
                        <div class="layui-anim">
                            <a href="">
                                <img src="../../imgs/course-list/3.jpg" alt="">
                            </a>
                        </div>
                    </div>
                </li>
                <li>
                    <div class="out">
                        <div class="layui-anim">
                            <a href="">
                                <img src="../../imgs/course-list/20.jpg" alt="">
                            </a>
                        </div>
                    </div>
                </li>
                <li>
                    <div class="out">
                        <div class="layui-anim">
                            <a href="">
                                <img src="../../imgs/course-list/5.jpg" alt="">
                            </a>
                        </div>
                    </div>
                </li>
                <li>
                    <div class="out">
                        <div class="layui-anim">
                            <a href="">
                                <img src="../../imgs/course-list/6.jpg" alt="">
                            </a>
                        </div>
                    </div>
                </li>
                <li>
                    <div class="out">
                        <div class="layui-anim">
                            <a href="">
                                <img src="../../imgs/course-list/7.jpg" alt="">
                            </a>
                        </div>
                    </div>
                </li>
                <li>
                    <div class="out">
                        <div class="layui-anim">
                            <a href="">
                                <img src="../../imgs/course-list/8.jpg" alt="">
                            </a>
                        </div>
                    </div>
                </li>
                <li>
                    <div class="out">
                        <div class="layui-anim">
                            <a href="">
                                <img src="../../imgs/course-list/9.png" alt="">
                            </a>
                        </div>
                    </div>
                </li>
                <li>
                    <div class="out">
                        <div class="layui-anim">
                            <a href="">
                                <img src="../../imgs/course-list/19.jpg" alt="">
                            </a>
                        </div>
                    </div>
                </li>
                <li>
                    <div class="out">
                        <div class="layui-anim">
                            <a href="">
                                <img src="../../imgs/course-list/11.jpg" alt="">
                            </a>
                        </div>
                    </div>
                </li>
                <li>
                    <div class="out">
                        <div class="layui-anim">
                            <a href="">
                                <img src="../../imgs/course-list/12.jpg" alt="">
                            </a>
                        </div>
                    </div>
                </li>
                <li>
                    <div class="out">
                        <div class="layui-anim">
                            <a href="">
                                <img src="../../imgs/course-list/13.jpg" alt="">
                            </a>
                        </div>
                    </div>
                </li>
                <li>
                    <div class="out">
                        <div class="layui-anim">
                            <a href="">
                                <img src="../../imgs/course-list/14.jpg" alt="">
                            </a>
                        </div>
                    </div>
                </li>
                <li>
                    <div class="out">
                        <div class="layui-anim">
                            <a href="">
                                <img src="../../imgs/course-list/15.jpg" alt="">
                            </a>
                        </div>
                    </div>
                </li>
                <li>
                    <div class="out">
                        <div class="layui-anim">
                            <a href="">
                                <img src="../../imgs/course-list/18.jpg" alt="">
                            </a>
                        </div>
                    </div>
                </li>
                <li>
                    <div class="out">
                        <div class="layui-anim">
                            <a href="">
                                <img src="../../imgs/course-list/17.jpg" alt="">
                            </a>
                        </div>
                    </div>
                </li>

            </ul>


        </div>

        <script src="../../plugins/layui/layui.js"></script>
        <script src="../../js/nav/nav.js"></script>
    </div>
</body>

</html>